<template>
  <div class="Cpage  mt-4 pl-4">
    <div class="sub-title mt-4 ">专家团队</div>
    <ul>
      <li class="item d-flex justify-content-between mb-2" :key="index" v-for="(item,index) in 5">
        <div class="right">
          <ul >
            <li class="media">
              <div class="time mr-3">03-21</div>
              <img class="mr-3 w-25" src="../../assets/images/banner-1.jpg">
              <div class="media-body">
                <h2>事件事件名称事件事件名称事件事件名称事件事件名称事件事件名称事件事件名称</h2>
                <p>
                  简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介…
                  <a href="###">［详情］</a>
                </p>
              </div>
            </li>
          </ul>
        </div>
      </li>
      <div class="d-flex justify-content-center">
        <navigation-com></navigation-com>
      </div>
    </ul>
  </div>

</template>

<script>
  import navigationCom from "@/components/navigationCom"


  export default {
    computed: {},
    data() {
      return {}
    },
    components: {
      navigationCom
    },
    mounted() {


    },
    methods: {}
  }
</script>

<style lang="less" scoped>
  @import "~assets/style/public";

  .Cpage {
    ul, li {
      list-style: none;
    }
    .sub-title{
      font-family: MicrosoftYaHeiUI;
      font-size: 18/@size;
      color: @theme-color;
      letter-spacing: 0;
    }

    .item{
      .right{
        .padding(15,15,15,15);
        .time{
          font-family: MicrosoftYaHeiUI-Bold;
          font-size: 16/@size;
          color: #F56C6C;
          letter-spacing: 0;
        }
        .media{
          border-bottom: 1px solid #E5E9F2;
          .padding(0,0,20,0);
        }
        .media-body{
          h2{
            font-family: MicrosoftYaHeiUI;
            font-size: 16/@size;
            color: #222222;
            letter-spacing: 0;
            line-height: 24/@size;
          }
          p{
            font-family: MicrosoftYaHeiUI;
            font-size: 14/@size;
            color: #444444;
            letter-spacing: 0;
            line-height: 1.5;
            a{
              font-family: MicrosoftYaHeiUI;
              font-size: 14/@size;
              letter-spacing: 0;
              line-height: 24px/@size;
            }
          }
        }
      }
    }

  }


</style>
